<link rel="stylesheet" href="../../../web/sultana.css">
<details su="panel" open>
    <summary>panel</summary>
    <section>content</section>
</details>
<br>
<aside su="|" style="width:300px;border:1px solid teal;padding:10px;">
    <p>General</p>
    <details>
        <summary disabled>Dashboard</summary>
    </details>
    <p>Administration</p>
    <details>
        <summary>Manage Your Team</summary>
    </details>
    <ul>
        <li>
            <details>
                <summary disabled>members</summary>
            </details>
        </li>
        <li>
            <details>
                <summary>Plugins</summary>
            </details>
            <ul>
                <li>
                    <details>
                        <summary disabled>Sultana</summary>
                    </details>
                </li>
                <li>
                    <details>
                        <summary disabled>Bulma</summary>
                    </details>
                </li>
            </ul>
        </li>
    </ul>
    <p>Transactions</p>
    <details>
        <summary disabled>Payments</summary>
    </details>
</aside>

<br>
<aside su="+" style="width:300px;">
    <details open>
        <summary>root</summary>
        <details>
            <summary>usr</summary>
            <details>
                <summary disabled>home</summary>
            </details>
            <details>
                <summary>www</summary>
                <details>
                    <summary disabled>config</summary>
                </details>
            </details>
        </details>
        <details>
            <summary>bin</summary>
            <details>
                <summary disabled>log</summary>
            </details>
        </details>
        <details>
            <summary disabled>test</summary>
        </details>
        <details>
            <summary disabled>dev</summary>
        </details>
    </details>
</aside>

<br>
<aside su="v" style="width:300px;">
    <details open>
        <summary>root</summary>
        <details>
            <summary>usr</summary>
            <details>
                <summary disabled>home</summary>
            </details>
            <details>
                <summary>www</summary>
                <details>
                    <summary disabled>config</summary>
                </details>
            </details>
        </details>
        <details>
            <summary>bin</summary>
            <details>
                <summary disabled>log</summary>
            </details>
        </details>
        <details>
            <summary disabled title="test.pdf">test.pdf</summary>
        </details>
        <details>
            <summary disabled>dev</summary>
        </details>
    </details>
</aside>

<br>

<dl su-tab style="--tab-w:10%">
    <dd>
        <input type="radio" id="testTabRadio1" class="test_radio" name="tab" checked="checked" />
        <label for="testTabRadio1">tab1</label>
        <div>
            aaa
        </div>
    </dd>
    <dd>
        <input type="radio" id="testTabRadio2" class="test_radio" name="tab" />
        <label for="testTabRadio2">tab2</label>
        <div>
            bbb
        </div>
    </dd>
    <dd>
        <input type="radio" id="testTabRadio3" class="test_radio" name="tab" />
        <label for="testTabRadio3">tab3</label>
        <div>
            ccc
        </div>
    </dd>
</dl>